<template>
    <view class="">
        <u-navbar :title="navtitle" safeAreaInsetTop placeholder leftIconColor="#ffffff" :autoBack='true' bgColor="#ff2b2b"
            :titleStyle="titleStyle" safeAreaInsetTop placeholder>

        </u-navbar>
        <view class="centerlist">
            <view class="tabBox">
                <u-tabs :list="list1" :current="current" lineColor="#ff2b2b" lineWidth='50' :inactiveStyle="inactiveStyle"
                    :activeStyle="activeStyle"></u-tabs>
            </view>
            <u-loadmore :status="status" :loading-text="loadingText" :loadmore-text="loadmoreText"
                :nomore-text="nomoreText" />
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            titleStyle: {
                color: "#ffffff",
                fontSize: "36rpx",
                fontWeight: '400'
            },
            navtitle: '',
            current: 1,
            activeStyle: {
                fontWeight: '700',
                color: '#333333'
            },
            inactiveStyle: {
                color: '#333333'
            },
            list1: [{
                name: '卖大厅'
            },
            {
                name: '买大厅'
            }],
            status: 'loadmore',
            loadingText: '努力加载中',
            loadmoreText: '没有更多了',
            nomoreText: '实在没有了',
        }
    },
    onLoad(e) {
        this.navtitle = e.navtitle
        this.current = e.num
    },
}
</script>
<style lang="scss" scoped>
.centerlist {
    width: 100%;

    .tabBox {
        width: 100%;
        height: 80rpx;
        background: #fff;

        /deep/.u-tabs__wrapper__nav__item {
            width: 44%;
        }
    }


}
</style>